@import './common/var.scss';
.searchPanel, .cp-search-form{
  width: 100%;
  position: relative;
  padding-bottom: 31px;
  border-radius: $--border-radius-small;
  box-sizing: border-box;
  border-bottom: $--border-width-base $--border-style-base $--search-form-border-color;
  .el-form-item{
    margin-bottom: 15px !important;
    .el-input{
      .el-input__inner{
        width: 200px !important;
        height: $--search-form-item-input-height !important;
      }
    }
  }
  .fields-box{
    width: 80%;
    .el-col{
      display: inline-block;
      float: none;
    }
  }
  .see-more{
    width: 20px;
    position: absolute;
    bottom: 15px;
    left: 40%;
    cursor: pointer;
  }
  .search-btn-box{
    position: absolute;
    bottom: 33px;
    right: 0px;
  }
  .search-btn{
    height: $--search-form-button-height;
    .c-icon-common{
      margin-right: 5px;
    }
  }
  .el-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    transition: all .3s;
    width: 16px;
    height: $--search-form-el-switch-height;
    background-color: $--search-form-el-switch-background-color;
  }
  .el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px;
  }
}
